<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CSS样式引入的方式之1---行内样式</title>
	</head>
	<body>
		<!-- 行内样式  嵌入式样式 -->
		<!-- background-color  背景颜色 -->
		<!-- 文字大小  font-size  文字颜色  color -->
		<p style="width: 300px; height: 300px; background-color: red;font-size: 30px; color: yellow;">我是段落，我想要宽度300高度200背景颜色红色</p>
		<p style="width: 300px; height: 300px; background-color: red;font-size: 30px; color: yellow;">我是段落，我想要宽度300高度200背景颜色红色</p>
		<p style="width: 300px; height: 300px; background-color: red;font-size: 30px; color: yellow;">我是段落，我想要宽度300高度200背景颜色红色</p>
		<!-- 
		 行内样式：
		 优点：可以精准的修饰想要修饰的对象
		 缺点：
		 1、把HTML和css混合在一块，整体代码很乱
		 2、不利于后面的2次修改，太麻烦
		 不建议使用的，仅做了解
		 -->
	</body>
</html>
